import * as React from 'react'

const HonoLogo = () => (
  <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none" viewBox="0 0 40 40">
    <g clipPath="url(#clip0_357_82)">
      <path
        fill="#FF5B11"
        d="M21.225.004q.16-.02.28.08a152 152 0 0 1 8.417 11.324 55.5 55.5 0 0 1 4.97 9.317q3.272 8.746-3.407 15.22-5.844 4.95-13.466 3.855-9.11-1.86-12.384-10.562a14.8 14.8 0 0 1-.56-5.782 34.6 34.6 0 0 1 2.404-9.799 14.6 14.6 0 0 1 2.084-3.534q1.047 1.25 2.004 2.57.442.465.922.884A76 76 0 0 1 21.225.004"
        opacity="0.993"
      ></path>
      <path
        fill="#FF9758"
        d="M20.666 6.509a85 85 0 0 1 7.975 10.923 22.7 22.7 0 0 1 1.844 4.016q1.512 5.965-3.247 9.838-4.603 3.246-10.099 1.928-5.927-1.843-6.853-7.991a8.5 8.5 0 0 1 .4-3.775 27.4 27.4 0 0 1 2.165-4.337l2.404-3.534a668 668 0 0 0 5.41-7.068"
      ></path>
    </g>
    <defs>
      <clipPath id="clip0_357_82">
        <path fill="#fff" d="M5 0h30.968v40H5z"></path>
      </clipPath>
    </defs>
  </svg>
)

export default HonoLogo
